<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <input type="button" value="参数" id="ip">
  <script src="./cs.js"></script>
  <script>
    var ins = document.getElementById("ip");
    // // 绑定事件
    // ins.onclick = function () {
    //   console.log(1);
    // }
    // // 解绑事件
    // ins.onclick = null;

    // 绑定事件2
    ins.addEventListener("click",fun)
    ins.addEventListener("click",fun1)
    // ie10以下兼容写法
    ins.addEvent("onclick",fun2)
    function fun(paras) {
      alert(1)
    }
    function fun1() {
      alert(2)
    }
    function fun2() {
      alert(3)
    }
    // 解绑事件2
    ins.removeEventListener("click",fun)
    // 解绑ie10以下兼容写法
    ins.detachEvent("onclick",fun2)

  </script>
</body>
</html>